<!--面对面邀请-->
<template>
  <div class="all acenter jcenter">
    <div class="bg-mask"></div>
    <div class="content-box">
      <div class="close-box"  @click="closeClick">
        <LImage @click="dismiss" class="close" :src="Config.img('view_btn_popupClose_black.png')"></LImage>
      </div>
      <div class="qrcode-box">
        <div class="circle" style="width:16px;height:16px;left:132px;top:42px;border-radius:16px;"></div>
        <div class="circle" style="width:16px;height:16px;left:616px;top:157px;border-radius:16px;"></div>
        <div class="circle" style="width:26px;height:26px;left:223px;top:163px;border-radius:26px;"></div>
        <div class="circle" style="width:48px;height:48px;left:90px;top:213px;border-radius:48px;"></div>
        <div class="circle" style="width:35px;height:35px;left:568px;top:251px;border-radius:35px;"></div>
        <div class="circle" style="width:38px;height:38px;left:515px;top:473px;border-radius:38px;"></div>
        <div class="circle" style="width:26px;height:26px;left:45px;top:374px;border-radius:26px;"></div>
        <div class="circle" style="width:16px;height:16px;left:68px;top:551px;border-radius:16px;"></div>
        <div class="circle" style="width:28px;height:28px;left:215px;top:587px;border-radius:28px;"></div>
        <div class="circle" style="width:16px;height:16px;left:594px;top:609px;border-radius:16px;"></div>
        <LImage class="star" style="width:17px;height:23px;left:76px;top:63px;" :src="Config.img('popup_image_yellowStar.png')"></LImage>
        <LImage class="star" style="width:22px;height:29px;left:111px;top:108px;" :src="Config.img('popup_image_yellowStar.png')"></LImage>
        <LImage class="star" style="width:22px;height:29px;left:493px;top:154px;" :src="Config.img('popup_image_yellowStar.png')"></LImage>
        <LImage class="star" style="width:15px;height:21px;left:55px;top:194px;" :src="Config.img('popup_image_writeStar.png')"></LImage>
        <LImage class="star" style="width:15px;height:21px;left:589px;top:100px;" :src="Config.img('popup_image_writeStar.png')"></LImage>
        
        <text class="title">{{T('面对面邀请')}}</text>
        <div class="qrcode-shell">
          <WeexQRCode v-if="url" class="qrcode" :code="url" style="width:300px;height:300px;"></WeexQRCode>
        </div>
      </div>
    </div>
  </div>
</template>

<style src="@/_css/style.css" ></style>
<style scoped>
.bg-mask {
  position:absolute;
  top:0;
  bottom: 0;
  left:0;
  right:0;
  background-color:rgba(0, 0, 0, 0.4);
}
.content-box{
  width:670px;
  height:866px;
}
.close-box{
  width:670px;
  height:90px;
  flex-direction: row;
  justify-content: flex-end;
}
.close{
  width:50px;
  height:90px;
  margin-right: 20px;
}
.qrcode-box{
  width:670px;
  height:776px;
  background-image:linear-gradient(to bottom right,rgba(70,147,243,1),rgba(47,53,219,1));
  border-radius:20px;

  flex-direction: column;
  align-items: center;
}

.circle{
  position:absolute;
  background-color:#ffffff;
  opacity:0.13;
}
.star{
  position:absolute;
}

.title{
  margin-top:55px;
  font-size:60px;
  font-family:PingFang SC;
  font-weight:500;
  color:rgba(255,255,255,1);
}

.qrcode-shell{
  width:320px;
  height:320px;
  margin-top:109px;
  background-color:rgba(255,255,255,1);
  border-radius:10px;
}
.qrcode{
  width:300px;
  height:300px;
  margin-top:10px;
  margin-left:10px;
}
</style>

<script>
import jnavigator from "@/_js/navigator";
import jconfig from "@/_js/config";

import I18N from "@/_i18n/i18n";
var T = I18N.t;
//面对面邀请弹窗
export default {
  
  data() {
    return {
      T:T,
      Config:jconfig,
      url:undefined
    };
  },

  created(){
    const inviteCode = jnavigator.getParam("inviteCode");
    this.url = jconfig.inviteUrl+inviteCode;
  },

  mounted() {
  },

  methods: {
    /********************* 按钮*/
    closeClick(){
      jnavigator.dismiss();
    },
  }
};

</script>
